<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
<link rel="stylesheet" href="stylesheet.css">
<title>User Guide</title>
</head>
<body>
<h1>Dynamic Type With WebKit</h1>
<h2>Getting Started</h2>
<p>An example of using <mark>dynamic type</mark> fonts with HTML content displayed in a WKWebView. Changing the text size in Settings should also change the text in this web view.</p>
<h2>Handling Images</h2>
<p>An example of an image with a dark mode variation</p>
<picture>
<source srcset="001-dark.png, 001-dark@2x.png 2x" media="(prefers-color-scheme: dark)">
<img src="001.png" alt="Xcode source editor" srcset="001@2x.png 2x">
</picture>
<footer>For more details see <a href="https://useyourloaf.com/blog/using-dynamic-type-with-web-views/">Using Dynamic Type With Web Views</a></footer>
</body>
</html>
